<template>
    <div class="Footer">
        <div>
            <ul>
                <a @click="$router.push('/Help/About')">关于我们</a>
                <a @click="$router.push('/Help/contact')">联系我们</a>
                <a @click="$router.push('/Help/Company')">企业合作</a>
                <a @click="$router.push('/Help/Feedback')">意见反馈</a>
            </ul>
            <p>
                Copyright © 洞健
                <a
                    style="margin-left: 6px"
                    target="_blank"
                    href="https://beian.miit.gov.cn/#/Integrated/index"
                    >京ICP备11011502005498号-2</a
                >
                <a
                    target="_blank"
                    style="margin-left: 10px"
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011502005498"
                    >京公安备11011502005498</a
                >
            </p>
        </div>
    </div>
</template>

<script>
export default {
    name: 'FooTer',
    props: {
        msg: String,
    },
};
</script>
<style scoped lang="scss">
.Footer {
    height: 40px;
    background: #202327;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;

    div {
        width: 1200px;
        height: 40px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;

        ul {
            a {
                font-size: 14px;
                font-family: Source Han Sans SC VF;
                font-weight: 300;
                color: #ffffff;
                margin-right: 20px;
                cursor: pointer;
            }
            a:hover {
                color: #787878;
            }
        }
        p {
            font-size: 14px;
            font-family: Source Han Sans SC VF;
            font-weight: 300;
            color: #ffffff;

            a {
                color: #ffffff;
            }
        }
    }
}
</style>
